body { background-color: none;	
		position: absolute; top: 0px; left: 0px; margin: 0; height: 480px; width: 320px;
}

    .CalendarWidget			    /* Calendar Position */

{		
		position: absolute; top: 368px; left: -9px;
		
		height: 480px; width: 320px;
		
		text-align:center;
		-webkit-transform:translateZ(900px);
 -webkit-transform:rotate(0deg);
    -webkit-animation-name: Custom_animation;



    -webkit-animation-duration: 60.0s;



	-webkit-transition-delay: 0s;	    



	-webkit-animation-iteration-count:infinite;



-webkit-animation-timing-function: linear;
z-index: 24;

}

@-webkit-keyframes Custom_animation {



0% {opacity: 1.0;  color: #000; text-shadow: 1px -1px 4px #666; -webkit-transform:rotate(0deg) translateX(0px)  translateY(-0px);}
4% {opacity: 1.0; color: #000; text-shadow: 1px -1px 4px #000; -webkit-transform:rotate(0deg)	translateX(0px)  translateY(-0px);}
7% {opacity: 0.0; color: #999; text-shadow: 1px -1px 4px #000;	-webkit-transform:rotate(0deg)	 translateX(0px)  translateY(-0px);}
15% {opacity: 0.0;}
17% {opacity: 1.0;   color: #333;
text-shadow: 1px 1px 4px #000;}

30% {opacity: 1.0;}

50% {opacity: 1.0;     color: #FFF;
text-shadow: 0 0px 4px #ccc, 2px 1px 4px #000, 2px 3px 6px #3;}

70% {opacity: 1.0;}

80% {opacity: 1.0;     color:#333;}
92% {opacity: 1.0;}
95% {opacity: 0.0;}
100% {opacity: 0.0;}
		
}

    #daysofweek {			       /* Days Of the Week label */

	color: #000000;
	text-shadow: #ffffff 0px 0px 10px, #ffffff 0px 0px 10px;

	font-size: 12px;

	font-family:Helvetica; 
	
	font-weight:200;

	padding: 0px 2px 0px 3px;
	-webkit-transform:translateZ(900px);
 -webkit-transform:rotate(0deg);
    -webkit-animation-name: Custom_animation;



    -webkit-animation-duration: 60.0s;



	-webkit-transition-delay: 0s;	    



	-webkit-animation-iteration-count:infinite;



-webkit-animation-timing-function: linear;
z-index: 24;

}

@-webkit-keyframes Custom_animation {



0% {opacity: 1.0;  color: #000; text-shadow: 1px -1px 4px #666; -webkit-transform:rotate(0deg) translateX(0px)  translateY(-0px);}
4% {opacity: 1.0; color: #000; text-shadow: 1px -1px 4px #000; -webkit-transform:rotate(0deg)	translateX(0px)  translateY(-0px);}
7% {opacity: 0.0; color: #999; text-shadow: 1px -1px 4px #000;	-webkit-transform:rotate(0deg)	 translateX(0px)  translateY(-0px);}
15% {opacity: 0.0;}
17% {opacity: 1.0;   color: #333;
text-shadow: 1px 1px 4px #000;}

30% {opacity: 1.0;}

50% {opacity: 1.0;     color: #FFF;
text-shadow: 0 0px 4px #ccc, 2px 1px 4px #000, 2px 3px 6px #3;}

70% {opacity: 1.0;}

80% {opacity: 1.0;     color:#333;}
92% {opacity: 1.0;}
95% {opacity: 0.0;}
100% {opacity: 0.0;}
	
}

    #today{				 /* Current Date label */

	background-color: transparent;

	color: #ffffff;
	text-shadow: #000000 0px 0px 2px, #e1e1e1 0px 0px 6px;

	font-family:Helvetica;

	font-size: 17px;

	font-weight: 900;     

	padding: 0px 1px 0px 1px;;

	opacity:0.75;
	-webkit-transform:translateZ(900px);
 -webkit-transform:rotate(0deg);
    -webkit-animation-name: Custom_animation;



    -webkit-animation-duration: 60.0s;



	-webkit-transition-delay: 0s;	    



	-webkit-animation-iteration-count:infinite;



-webkit-animation-timing-function: linear;
z-index: 24;

}

@-webkit-keyframes Custom_animation {



0% {opacity: 1.0;  color: #000; text-shadow: 1px -1px 4px #666; -webkit-transform:rotate(0deg) translateX(0px)  translateY(-0px);}
4% {opacity: 1.0; color: #000; text-shadow: 1px -1px 4px #000; -webkit-transform:rotate(0deg)	translateX(0px)  translateY(-0px);}
7% {opacity: 0.0; color: #999; text-shadow: 1px -1px 4px #000;	-webkit-transform:rotate(0deg)	 translateX(0px)  translateY(-0px);}
15% {opacity: 0.0;}
17% {opacity: 1.0;   color: #333;
text-shadow: 1px 1px 4px #000;}

30% {opacity: 1.0;}

50% {opacity: 1.0;     color: #FFF;
text-shadow: 0 0px 4px #ccc, 2px 1px 4px #000, 2px 3px 6px #3;}

70% {opacity: 1.0;}

80% {opacity: 1.0;     color:#333;}
92% {opacity: 1.0;}
95% {opacity: 0.0;}
100% {opacity: 0.0;}
}

